import { useDeferredValue, useState } from 'react'

export default function DefferValue() {
  const [value, setValue] = useState('');
  // 创建deferValue和对应的更新方法: 根据value延迟创建deferValue
  const deferValue = useDeferredValue(value);
  return (
    <div>
      <h1>useDeferValue的使用</h1>
      <h3>{deferValue}</h3>
      <input placeholder='请输入内容' type="text" value={value} onChange={e => setValue(e.target.value)} />
    </div>
  )
}
